<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/page/common/public.jspf"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户类型选择</title>
<script src="${path }/js/common/jquery-1.4.2.min.js"></script>
<script src="${path }/js/common/helper.js?v=${v}"></script>
<script src="${path }/js/common/cookie.js?v=${v}"></script>
<link rel="stylesheet" type="text/css" href="${path}/css/base.css"/>
<link rel="stylesheet" type="text/css" href="${path}/css/layout.css"/>
<style type="text/css">
/*第二种形式*/
#tabs1{
 text-align:left;
}
.menu1box{
 position:relative;
 overflow:hidden;
 height:42px;
 text-align:left;
}
#menu1{
 position:absolute;
 top:0;
 left:0;
 z-index:1;
}
#menu1 li{
 float:left;
 display:block;
 cursor:pointer;
 font-size:18px;
 padding:0 10px;
 text-align:center;
 line-height:42px;
 height:42px;
}

#menu1 li.hover{
 background:#fff;
 border-left:1px solid #ddd;
 border-top:3px solid #FD7500;
 border-right:1px solid #ddd;
}
.main1box{
 clear:both;
 margin-top:-1px;
 border:1px solid #ddd;
 overflow: auto;
 height: 200px;
}
#main1 ul{
 display: none;
}
#main1 ul.block{
 display: block;
}
#main1 ul li{font-size: 18px; float: left; padding: 6px 10px;width: 20%; margin: 5px 0;}
#main1 ul li input.int{font-size:30px;width: 20px;height:20px; margin-right:8px;vertical-align: bottom;}
#main1 ul li input label{cursor: pointer;}
</style>
</head>

<body bgcolor="#f9f9f9">
<input type="hidden" name="userid" id="userid" value="${user.id}"/>
        <!-- head -->
		<c:import url="../include/top.jsp"></c:import>
    	<!--主体-->
    	
        <div class="pageCenter registeredBox">
        	
<div class="activationOne">
					<div style="padding:20px 0  20px 0px; margin:6px auto;text-align: center;width: 60%;">
					<div class="clearfix section">
					    <div class="l alert_icon art_succeed"></div>
					    <p class="green strong_title s_24 l" style="display:inline-block; padding-top:10px;">尊敬的${user.userName}，感谢您注册PPP金融服务网！</p>
					</div>
					</div>
					
					<div class="s_16" style="clear:both;width: 100%;line-height:55px;padding: 10px 0">为了更好的使用PPP金融服务网为您提供的各种功能服务，请您选择您的用户类型</div>
                   
                    <div class="" style="width: 100%;">
	                    <!--第二种形式-->
							<div id="tabs1">
								 <div class="menu1box">
									  <ul id="menu1">
									   	<li class="hover" onmouseover="setTab(1,0)"><a href="#">企业与个人</a></li>
									   	<li onmouseover="setTab(1,1)"><a href="#">金融及服务机构</a></li>
									  </ul>
								 </div>
								 <div class="main1box">
									  <div class="main" id="main1">
									   	<ul class="block">
									   		<li><label><input type="radio" value="ENTERPRISE" class="int" name="typeone"/>企业</label></li>
									   		<li><label><input type="radio" value="PERSON"  class="int" name="typeone"/>个人</label></li>
									   	</ul>
									   	<ul>
									   		<li><label><input type="checkbox" value="type1" class="int" title="银行" name="typetwo"/>银行</label></li>
									   		<li><label><input type="checkbox" value="type2" class="int" title="信托公司" name="typetwo"/>信托公司</label></li>
									   		<li><label><input type="checkbox" value="type3" class="int" title="证券公司" name="typetwo"/>证券公司</label></li>
									   		<li><label><input type="checkbox" value="type4" class="int" title="担保公司" name="typetwo"/>担保公司</label></li>
									   		<li><label><input type="checkbox" value="type5" class="int" title="资产管理公司" name="typetwo"/>资产管理公司</label></li>
									   		<li><label><input type="checkbox" value="type6" class="int" title="小额贷款公司" name="typetwo"/>小额贷款公司</label></li>
									   		<li><label><input type="checkbox" value="type7" class="int" title="融资租赁公司" name="typetwo"/>融资租赁公司</label></li>
									   		<li><label><input type="checkbox" value="type8" class="int" title="保险公司" name="typetwo"/>保险公司</label></li>
									   		<li><label><input type="checkbox" value="type9" class="int" title="基金公司" name="typetwo"/>基金公司</label></li>
									   		<li><label><input type="checkbox" value="type10" class="int" title="会计师事务所" name="typetwo"/>会计师事务所</label></li>
									   		<li><label><input type="checkbox" value="type11" class="int" title="律师事务所" name="typetwo"/>律师事务所</label></li>
									   		<li><label><input type="checkbox" value="type12" class="int" title="咨询企业" name="typetwo"/>咨询企业</label></li>
									   		<li><label><input type="checkbox" value="type13" class="int" title="招标代理公司" name="typetwo"/>招标代理公司</label></li>
									   	</ul>
									  </div>
								 </div>
							</div>
                    </div>
                    <p class="tAlign_c" style="margin: 20px auto;">
                    	<input type="button" onclick="selecttype();" value="下一步"  class="bt_ty" name="stepnext" id="btn_stepnext" />
                    </p>
                </div>    
            </div>
    	<!--主体-->
    	
    	
<!--foot-->
	<c:import url="../include/foot.jsp"></c:import>
<!--foot-->  
	
<script type="text/javascript">
/*第一种形式 第二种形式 更换显示样式*/
function setTab(m,n){
 var tli=document.getElementById("menu"+m).getElementsByTagName("li");
 var mli=document.getElementById("main"+m).getElementsByTagName("ul");
 for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}
function selecttype () {
	var typeone = $("input[name='typeone']:checked").val();
	var typetwo = "";
	$("input[name='typetwo']:checked").each(function(){
		typetwo = typetwo + $(this).val() + ",";
	});
	var userid = $("#userid").val();
	if ((typeone == null || typeone == "") && (typetwo == null || typetwo == "") ) {
		alert("请选择用户类型");
		return false;
	}
	window.location.href = "<%=request.getContextPath()%>/selectType.htm?typeone="+typeone+"&typetwo="+typetwo+"&userid="+userid+"";
}
$(document).ready(function(){
	$("input[type=radio][name='typeone']").click(function(){
		$("input[type=checkbox][name='typetwo']").attr("checked",false);
	});
	$("input[type=checkbox][name='typetwo']").click(function(){
		$("input[type=radio][name='typeone']").attr("checked",false);
	});
});
</script>
</body>
</html>


    